/**
 *  @project    Layabox
 *  @file       game.scss
 *  @brief      reset css styles
 *
 *
 *  @author     liumoran@outlook.com
 *  @version    1.0
 *  @date       2019
*/
@import "./demo.scss";

/*  text style  */
body{
    h1{
        margin: 0;
        color: #010101;
        font-size: 36px;
        line-height: 40px;
    }
    
    h2{
        margin-top: 0;
        color:#2a2a2a;
        font-size: 30px;
        line-height: 34px;
    }
    
    .p_3{
        margin-top: 0;
        margin-bottom: 0px;
        color:#2a2a2a;
        font-size: 14px;
        line-height: 18px;
    }
    
    .p_4{
        margin-top: 0;
        color:#898989;
        font-size: 12px;
        line-height: 30px;
        text-indent: 2em;
    }
}

.pdl_0{
    padding-left: 0;
}
.pdr_0{
    padding-right: 0;
}

/*      layout      */
main{
    background-color: white;
    /* show */
    .show{
        img{
            width: 100%;
        }
}
    /*      game part x 2        */
    .game_part{
        padding-top: 34px;
        padding-bottom: 60px;
        .img_box{
            width: 100%;
            font-size: 0;
            padding-left: -15px;
            padding-right: -15px;
            overflow: hidden;
            img{
                width: 100%;
            }
        }

        .g_info{
            .row{
                margin: 0;
            }
        }
        .g_img{
            font-size: 0;
            padding-top: 15px;
            width: 100%;
            border-radius: 10px;
            overflow: hidden;
            margin: 0 auto;
    
            img{
                width: 100%;
            }
        }
    }

    .game_part:first-of-type{
        padding-left: 0;
    }
    .game_part:last-of-type{
        padding-right: 0;
    }

    /*      more game       */
    .more_part{
        padding-top: 60px;
        padding-bottom: 90px;

        .g_icon{
            display: inline-block;
            vertical-align: top;
            margin: 0 auto;
            width: 100%;
            overflow: hidden;
            font-size: 0;
            border-radius: 10px;
            img{
                width: 100%;
            }
        }
        p{
            text-align: center;
            margin-top: 10px;
            margin-bottom: 40px;
        }
        a:hover{
            text-decoration: none;
            color: skyblue;
        }

    }
}
